html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
img{vertical-align: middle}
ul, ol { list-style:none; }
body { color:#333; font:12px/20px "SimSun","微软雅黑","Arial Narrow",HELVETICA; background:#fff;overflow-x:hidden;}
em{font-style:normal}
a { color:#333; text-decoration:none; }
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}

/*以上是重置样式*/


/*iconfont*/
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:12px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*---------header顶部---------*/

body{
    min-width:1210px;
}
body:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.body{
    min-width: 1263px;
}
.header{
    width: 100%;
    height: 40px;
    background: #363636;
    line-height: 40px;
    font-size: 12px;
}
.header-content{
    width:1210px;
    margin:0 auto;
}
.nav-left{
    float:left;
    position:relative;
    left:-12px;
}
.nav-left li{
    float:left;
}
.nav-left .iconfont{
    display:inline-block;
    width:12px;
    height:9px;
    background:url("../images/1.png") no-repeat;
}
.nav-left a{
    color:#bfbfbf;
    font-size: 12px;
    padding:0 12px;
    border-right:1px solid #ccc;
}
.header-content .iconfont{
    padding-right:3px;
}
.header-content a:hover{
    color:#ff6c00;
}

.nav-right{
    float:right;
    position:relative;
}
.nav-right li{
    float:left;
    text-align: center;
    position: relative;
}
.daohang .iconfont{
    display:inline-block;
    width:12px;
    height:9px;
    background:url("../images/2.png") no-repeat;
}

.change-background{
    background:#5f5f5f;
    width:89px;
}
.nav-right a{
    color:#bfbfbf;font-size: 12px;
    padding:0 12px;
}
.j-categorys{position: absolute;
    right:-90px;
    top: 40px;
    width: 1210px;
    padding: 30px 0 20px;
    border: 1px solid #DCDCDC;
    border-top: none;
    background-color: #fff;
    display: none;
    opacity: 0;
    filter:alpha(opacity=0);
    z-index: 2000;
    overflow: hidden}
.change-W1{
    width:169px;
    height:100%;
}
.change-W2{
    width:145px;
    height:100%;
}
.change-W3{
    width:200px;
    height:100%;
}
.change-W4{
    width:199px;
    height:100%;
}
.change-W5{
    width:190px;
    height:100%;
}
.change-W6{
    width:300px;
    height:100%;
}
.j-categorys div{
    float:left
}
.j-categorys h3{
    font-size:16px;
    margin-left:4px;
}
.dashed-line{
    height:100%;
    width:1px;
    border-right: 1px dashed #BCBCBC;
    box-sizing: border-box;
}
.j-categorys ul{
    float:left;
    height:100%;
    width:100%;
}
.j-categorys li{
    height:30px;
    line-height:30px;
    text-align: center;
    width:100%;
}
.j-categorys li a{
    font-size:14px;
    padding:2px 5px;
    display: block;
}
.change-background .shop-car{
    width:500px;
    height:0;
    border: 1px solid #DCDCDC;
    border-top: none;
    position: absolute;
    top:40px;
    right:0;
    background:#fff;
    display:none;
    z-index:999;
}
.head-fix{
    width:100%;
    height:108px;
    position:relative;
    background:#fff;
    z-index:500
}
.head-logo{
    width:1210px;
    margin:0 auto;
    position:relative;
}
.logo{
    width: 270px;
    height: 48px;
    line-height: 48px;
    margin-top: 30px;
    float:left;
}
.main-nav{
    float:left;
    width: 603px;
    height: 108px;
    line-height: 108px;
    z-index: 1000;
    overflow: hidden;
    padding-left: 17px;
}
.main-nav li{
    float:left;
    padding:0 6px;
}
.main-nav li a{
    color: #333;
    font-size: 16px;
    padding: 0 15px;
    display: inline-block;
}
.main-nav li a:hover{color:#ff6c05;}
.main-nav .sublistbox{
    border-top:1px solid #ddd;
    position:absolute;
    top:80px;
    left:0;
    z-index:999;
    display:none;
    background:#fff;
    opacity: 0;
    height:0;
    filter: alpha(opacity:0);
}


.sublistbox ul{
    width:1210px;
    margin:0 auto;
}
.sublistbox ul li {
    padding:20px 0 0;
}
.has-border{
    border-right:1px solid #ccc;
}
.sublistbox li a{
    display:inline-block;
    width:280px;
    text-align: center;padding:0;
}
.sublistbox  p{
    height:30px;
    line-height:30px;
    font-size:18px;
}
.direcation-btn{
    display:none;
}
#left{
    position:absolute;
    left:0;
    top:50%;
    margin-top:-20px;
    width: 45px;
    height: 45px;
    display: block;
    background:#ccc;
    background:url("../images/left_right.png") no-repeat -12px -45px;padding:0;
}
#right{
    position:absolute;
    top:50%;
    margin-top:-20px;
    right:0;
    width: 45px;
    height: 45px;
    display: block;
    background:#ccc;
    background:url("../images/left_right.png") no-repeat -33px -45px;
    padding:0;
}
/*解决方案中的按钮以及图片的ul。wpic是sublistbox下的div撑起来sublistbox*/
.wpic{width:1210px;height:230px;background:#fff;}

#left:hover{background:url("../images/left_right.png") no-repeat -12px -3px;}
#right:hover{background:url("../images/left_right.png") no-repeat -33px -3px;}
.case{width:1110px;margin-left:45px;height:100%;background:#fff;overflow:hidden;position:relative}
.case ul{position:absolute;}
.case ul li{float:left;width:280px;height:230px;}
/*左侧搜索框*/

.search{
    position: relative;
    z-index: 800;
    float: left;
    min-width: 320px;
    height: 48px;
    margin-top: 34px;
}
.search input{float:left;}
.search-content{
    width: 261px;
    height: 26px;
    border: 1px solid #ccc;
    padding:6px 8px;
}
.search .btn{
    cursor:pointer;
    width:41px;
    height:40px;
    background: #fff;
    border:1px solid #ccc;
    border-left:0;outline: none;
}
.moceng{
    background:rgba(0,0,0,.5);
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100%;
    display:none;
    z-index: 8;
}
.key {
    width:200px;
    height:200px;
    background:#fff;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-100px;
    display:none;
    z-index: 10;
}
.key p{width:200px;height:150px;text-align: center;line-height:150px; border-bottom:1px solid #ccc;}
.key a{width:50px;height:50px;display:block;float:right;margin-right:20px;text-align: center;line-height:50px;}
.search-list{border:1px solid #ccc;
    background:#fff;border-top:0;z-index: 999;}


/*banner图*/
.banner{
    width:100%;
    position: relative;
}
.banner-box{
    width:1210px;
    height:425px;
    margin:0 auto;
    position: relative;
}
.banner-left{
    width: 270px;
    height: 425px;
    position: absolute;
    left: 0;
    z-index:5
}
.pullDownlist{
    position:relative;
    background:rgba(0,0,0,.2)
}
.pullDownlist li{
    height: 106px;
    color: #fff;
    font-size: 14px;
    position: relative;
}
.pullDownlist li a{
    color: #fff;
    display: inline-block;
    height: 45px;
    width: 180px;
    padding: 31px 0 30px 90px;

}
.pullDownlist .active{
    background:rgba(225,225,225,.3)
}
.pullDownlist li h3{
    font-size:18px;
}
.pullDownlist li p{
    height:20px;
    margin:10px 0;
}

/*二级菜单选项卡*/
.muban-shop{
    height:425px;
    position:absolute;
    left:270px;
    background:#ff0;
    overflow: hidden;
    display: none;
    z-index:5
}
.muban-shop1{
    width:640px;
    height:424px;
    background:#fff;
    border-top:1px solid #ccc;
    display: none;
}
.muban-shop2{
    width:940px;
    height:424px;
    background:#fff;
    border-top:1px solid #ccc;
}
.listcontion_1{
    float:left;
    width:300px;
    height:425px;
}
.listcontion_1 li{
    width:300px;
    height:85px;
}
.listcontion_1 div{
    width:120px;
    height:85px;
    line-height:85px;
    float:left;
    text-align: center;
}
.listcontion_1 img{
    vertical-align: middle;
    line-height: 85px;
}
.listcontion_1 h4{
    float:left;
    font-weight: 100;
    font-size:15px;
    height:85px;
    line-height: 85px;
}
.listcontion_1 a:hover{
    color:#ff6c05;
}
.shop-img{
    float:left;
}
.shop-img img{
    vertical-align: middle;
    width:340px;height:425px;
}
.location{
    position:absolute;
    left:-335px;
    overflow: hidden;
}
.wrap{
    width:1920px;
    height:425px;
    position:relative;
    overflow: hidden;
}
.tempwrap{
    position:relative;
    width:1920px;
    overflow: hidden;
}
.slide_ul{
    position:relative;
}

.slide_ul li{
    width:1920px;
    float:left;
}
.slide_ul img{
    vertical-align: bottom;
}
#btn-left{
    width:55px;
    height:70px;
    position:absolute;
    top:186px;
    left:288px;
    background:url('../images/cover-.png') no-repeat;
}
#btn-left:hover{
    background:url('../images/cover-hover.png') no-repeat;
}
#btn-right{
    width:55px;
    height:70px;
    position:absolute;
    top:186px;
    right:17px;
    background:url('../images/cover-page-slide-icon-right_20160203.png') no-repeat;
}
#btn-right:hover{
    background:url('../images/cover-page-slide-icon-right_20160203_hover.png') no-repeat;
}
.decation-btn{
    width:100%;
    height:20px;
    /*background:#ff0d59;*/
    text-align: center;
    line-height: 20px;
}
.decation-btn a{
    display:inline-block;
    margin-left: 10px;
    height: 5px;
    width: 80px;
    background: #C1C1C1;
}
.decation-btn .cur{
    background: #fc7878;
}
/*-------------主要内容-------------*/
.content-body{
    padding-top:50px;
    width:100%;
    background: #f2f2f2;
}
.content-f1{
    width:1210px;
    margin:0 auto;
    overflow: hidden;
}
.content-f1-in:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.content-f1-in{
    zoom:1;
}
.f1-in{
    background:#ff9d9d;
    overflow: hidden;
    width:241px;
    height:260px;
    position:relative;
    float:left;
    border-right: 1px solid #fff;
}
.f1-noborder{
    border:none;
}
.f1-in .btn{
    width:112px;
    height:24px;
    position:absolute;
    right: 0;
    bottom: 0;
    font-size:14px;
    font-weight: 400;
    text-align: center;
    display:none;
}
.click-more{
    display:block;
    width:112px;
    height:24px;
    line-height: 24px;
    position: absolute;
    left:-1px;
    bottom:-1px;
    color:#fff;
    background:url(../img/triangle-right-white.png) no-repeat 100px center;
    z-index:5;
}
.btn i{
    display: block;
    width:112px;
    height:24px;
    position:absolute;
    left:-1px;
    bottom:-1px;
    background:rgba(0,0,0,.3);
}
.f1-in img{
    position: absolute;
    left:0;

}
/*----2楼----3楼------4楼*/
.content-f2,.content-f3,.content-f4{
    margin-top:50px;
    width:100%;
}
.content-f2:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.content-f3:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.content-f4:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.content-f2 h3,.content-f3 h3{
    font-size:24px;
    font-weight: 500;
}
.content-f2-in,.content-f3-in{
    float: left;
    width: 1210px;
    margin-top: 10px;
    overflow: hidden;
}
.content-f2-in ul,.content-f3-in ul{
    width:1222px;
    float:left;
}
/*-----------
 	公共样式，二楼三楼所有li
 * */
.items-li{
    float: left;
    width: 294px;
    margin-right: 11px;
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-color: #fff;
    position: relative;
}
.content-f2-in .addWH,.content-f3-in .addWH{
    display:block;
    width:294px;
    height:294px;
    line-height: 290px;
    text-align: center;
    position:relative;
}
.wrap_div{
    height:54px;
    position: relative;
    background: #FFFFFF;
}
.wrap_div div{
    position: absolute;
    left: 0;
    bottom: 0;
    width:100%;
    background:#fff;
}
.wrap_div .title{
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
}
.wrap_div div a{
    color:#333;
    display: inline;
}
.wrap_div div span{
    display: block;
    font-size: 12px;
    text-align: center;
}
.wrap_div div span a{
    font-size: 12px;
    color:#919191;
    margin:0;
    padding:0;
}
.wrap_div span a:hover{
	color:#ef353d;
}
.wrap_div p{
    text-align: center;
    margin-top:5px;
    color:#71cd9c;
    overflow: hidden;
}
.picture-attente{
    display: block;
}
.picture{
    float: left;
    margin-left: 60px;
    font-size: 12px;
    color: #ef353d;
}
.attente{
    float: right;
    margin-right: 60px;
    padding-left: 15px;
    font-size: 12px;
    color: #71cd9c;
    background-image: url(../images/cover-page-attente.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}
.wrap_div .title a:hover{
	color:#ef353d;
	text-decoration: underline;
	
}/*-------------
    4楼样式
*/
.classicalCase{
    padding-bottom:20px;
    width:100%;
    float:left;
}
.classicalCase h3{
    font-size:24px;
    float:left;
}
.classicalCase a{
    float: right;
    font-size: 14px;
    color:#333;
}
.classicalCase a span{
    float: right;
    font-size: 18px;
    padding-right: 8px;
    background-image: url(../images/trangle-right.png);
    background-repeat: no-repeat;
    background-position: right 8px;
}
.classicalCase a span:hover{
    text-decoration: underline;
}
.body1 li{
    position: relative;
    float: left;
    width: 242px;
    height: 242px;
    overflow: hidden;
}
.body1 li img{
    width:100%;
    height:100%;
    margin-top:0;
    margin-left:0;
}
.body1 li a{
    position: absolute;
    left:-100%;
    top:0;
    width: 242px;
    height: 242px;
    background:#fff;
    opacity:0.8;
    filter:alpha(opacity=80)
}
.body1 a span{
    display: block;
    width: 180px;
    margin: 0 auto;
    margin-top: 65px;
    font-size: 16px;
    line-height: 28px;
    color: #222;
}
.church{
    width:1236px;
    margin-left:-26px;
    margin-top:50px;
    float:left;
}
.church dl{
    width: 386px;
    margin-left: 26px;
    float:left;
}
.church .title{
    padding-bottom:20px;
}
.church .title .h3{
    float:left;
    padding:5px 0;
}
.h3 a{
    font-size: 24px;
    font-weight: 500;
    color:#333;
}
.h3 a:hover{
    text-decoration: underline;
}
.church .title:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.church .title i{
    float: left;
    display: block;
    width: 40px;
    height: 35px;
    margin-left: 10px;
    background:url("../images/cover-page-tang-2.png") no-repeat 0 5px;
}
.church .more{
    width: 50px;
    height: 24px;
    margin-top: 5px;
    font-weight: normal;
    line-height: 22px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    float:right;
}
.more span{
    float: right;
    font-size: 14px;
    padding-right: 8px;
    background: url(../images/trangle-right.png) no-repeat right 9px;
}
.more span:hover{
    color:#ef353d;
}
.church dd{
    width:386px;
    height:135px;
    padding:20px 0;
    background:#E4F0CA;
}
.church dd a{
    width:260px;
    height:27px;
    line-height:27px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent:33px;
    color:#333;
    float:left;
    font-size:12px;
    background: url('../images/cover-page-point.png') no-repeat 23px center ;
}
.church dd a:hover{
    color:#ef353d;
}
/*-------------底部新手上路等。。。。*/
.demos{
    width:100%;
    margin-top:30px;
    padding-top:15px;
    padding-bottom:25px;
    border-top:1px solid #dfdfdf;
    float:left;
}
.demos dl{
    width:218px;
    margin:10px;
    float:left;
    border-right:2px solid #e3e3e3;
}
.demos dt a{
    font-weight:700;
    color: #333333;
    font-size:14px;
}
.demos dt a:hover{
    text-decoration: underline;
}
.demos dd{
    padding-top:5px;
    float:left;
    position:relative;
}
.demos dd a{
    float:left;
    width:100px;
    line-height:25px;
    font-size:12px;
    color:#606060;
}
.demos dd a:hover{
    color:#ef353d;
}
.demos dd a img{
    margin-top:-5px;
}
/*------------服务热线*/
.service{
    width:240px;
    float:left;
    margin-left:20px;
}
.service b{
    display: block;
    margin-top:10px;
    color:#333;
    font-weight:700;
    font-size:14px;
}
.service strong{
    float:left;
    margin-top:10px;
    color:#fc726f;
    font-size: 18px;
}
.service a{
    float:left;
    margin-top:10px;
    background:url("../images/cover-page-service-2.png") no-repeat left center;
    margin-left:20px;
    padding-left:26px;
    display: block;
    width:80px;
    height:20px;
    line-height:20px;
    color:#92928f;
}

/*-------------友情链接*/
.f_link{
    margin-bottom: 25px;
    height:20px;
    line-height:20px;
    float:left;
    width:100%;
}
.f_link div{
    float:left;
    color:#999;
}
.f_link ul{
    max-width: 1085px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    float:left;
}
.f_link ul li{
    float:left;
}
.f_link li a{
    font-size:12px;
    color:#606060;
    padding:0 10px;
    display:inline-block;
}
.f_link .fr{
    float:right;
    color:#999;
}
/*----------终于到脚部了*/

.cover-footer{
    width:100%;
    padding:20px 0;
    background:#e1e1e1;
    text-align: center;
    color:#3a3a3a;
    font-size:12px;

}
.subnav{
    line-height: 30px;
}
.subnav a{
    padding:0 10px 0 5px;
    color:#333;
    font-size: 12px;
    border-right:1px solid #ccc;
}

.copyright{
    line-height: 30px;
}
.address{
    line-height: 24px;
}
.verify{
    padding:0 15px;
    width:800px;
    margin:0 auto;
    height:80px;
    text-align:center;
}
.verify a{
    display: inline-block;
    padding:0 10px;
}
/*----------侧边栏*/
.suspension{
    position: fixed;
    bottom:100px;
    right:10px;
    width:80px;
    height:204px;
    z-index:55;
}
.suspension-box{
    position:relative;
    float:right;
}
.code,.tel,.qq,.backtop{
    display:block;
    width:50px;
    height:50px;
    margin-bottom: 1px;
    background: #b5b5b5;
}
.suspension-box a:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.qq i,.code i,.tel i,.backtop i{
    display:block;
    width:25px;
    height:20px;
    margin:15px 0 0 15px;
    float:left;
}
.suspension-box .backtop{
    background:#797979;
}
.suspension-box .backtop:hover{
    background:#fc726f;;
}
.qq i{
    background:url("../images/suspension-bg.png") no-repeat;
}
.tel i{
    background:url("../images/suspension-bg.png") no-repeat right 0;
}

.code i{
    background:url("../images/suspension-bg.png") no-repeat left -25px;
}
.backtop i{
    background:url("../images/suspension-bg.png") no-repeat right bottom;
}
.tencent{
    position: absolute;
    left: -187px;
    top: 0;
    width: 177px;
    height: 85px;
    display: none;
    background-color: #fff;
    border: 1px solid #D7D7D7;
}
.tencent i{
    width: 8px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: -8px;
    background: url(../images/trangle-right-suspension.png) no-repeat;

}
.tencent b{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 62px;
    height: 64px;
    background-image: url(../images/circle-tencent.png);
    background-repeat: no-repeat;
}
.tencent span{
    position: absolute;
    left: 8px;
    top: 7px;
    border-radius: 22px;
    width: 45px;
    height: 48px;
    text-align: center;
    z-index: 99;
    overflow: hidden;
}
.tencent-p{
    width: 75px;
    float: right;
    margin-right: 18px;
    margin-top: 18px;
    font-size: 16px;
    color: #333;
}
.tel-phone{
    position: absolute;
    left: -187px;
    top: 51px;
    width: 175px;
    height: 85px;
    display: none;
    background-color: #fff;
    border: 1px solid #D7D7D7;
}
.tel-phone i{
    width: 8px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: -8px;
    text-indent: -9999px;
    background: url(../images/trangle-right-suspension.png) no-repeat;

}
.tel-phone strong{
    display: block;
    margin-left: 17px;
    margin-top: 16px;
    font-size: 16px;
    font-weight: normal;
}
.tel-phone p{
    margin-left: 17px;
    font-size: 23px;
    font-family: arial;
    color: #FD696D;
}
.code1{
    position: absolute;
    left: -187px;
    top: 0;
    display: none;
    width: 168px;
    height: 188px;
    padding-left: 10px;
    padding-top: 10px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
}
.code1 i{
    width: 8px;
    height: 15px;
    position: absolute;
    top: 118px;
    right: -8px;
    background-image: url(../images/trangle-right-suspension.png);
    background-repeat: no-repeat;
}
.code1 p{
    width: 155px;
    margin-top: 5px;
    text-align: center;
}







